@use "sass:map";
// 颜色主题
$theme: (
    light:(
        navBarBg:#66a2ec,
        rawBg:#fff,
        navBg:#124079,
        text:#000,
        homeNavBg:#fff,
        mainBg:#f1f7ff,
        transText:#666, //透明背景下的字体颜色
        cardBg:linear-gradient(172deg, #b3d4ff, hsla(0, 0%, 99%, 1) 93%),
        titleBarBg:#124079,
        cardThemeTextColor:#757575, //卡片白色字体颜色
        liText:#555,
        layoutBcolor:rgba(0,0,0,0.27)
    ),
    dark: (
        navBarBg:#232424,
        rawBg:#000,
        navBg:#2d2d2d,
        text:#fff,
        homeNavBg:#000,
        mainBg:rgb(16, 16, 20),
        transText:#FFFFFFD1,
        cardBg:linear-gradient(172deg, #d4d4d4, #000,93%),
        titleBarBg:#333,
        cardThemeTextColor:#f7f7f785,
        liText:#ffffff,
        layoutBcolor:rgba(255,255,255,0.27)
    )
);
$curTheme:'light';
@mixin useTheme() {
    @each $key, $value in $theme{
        $curTheme:$key !global;
        html[data-theme='#{$key}'] & {
           @content;
        }
    }
}
@function getVar($paramName){
    $themeMap:map.get($theme,$curTheme);
    @return map.get($themeMap,$paramName);
};
::view-transition-new(root),
::view-transition-old(root){
    animation: none;
}